<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-01-05 20:15:41
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-01-18 17:17:19
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\withdrawals-record\\withdrawals-detail\\withdrawals-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper [title]="'提现详情'" [logo]="logo">
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>
  </ng-template>
</page-header-wrapper>


<nz-card [nzLoading]="service.http.loading">
  <nz-alert nzType="info" nzMessage="提现信息" class="mb-md"></nz-alert>
  <div se-container [labelWidth]="130">
    <se label="网络货运人">
      {{formData?.ltdName}}
    </se>
    <se label="银行类型">
      {{formData?.bankType==='1'?'平安银行':'浦发银行'}}
    </se>
    <se label="提现单号">
      {{formData?.refundApplyCode}}
    </se>
    <se label="账户名称">
      {{formData?.bankAccountName}}
    </se>
    <se label="提现时间">
      {{formData?.createTime}}
    </se>
    <se label="虚拟账户">
      {{formData?.virtualAccount}}
    </se>
    <se label="提现状态">
      {{formData?.refundStatusLabel}}
    </se>
    <se label="提现金额">
      {{formData?.amount | currency}}
    </se>
    <se label="银行流水号">
      {{formData?.bankSerialNumber}}
    </se>
    <se label="提现至银行卡">
      {{formData?.bankCardNumber}}
    </se>
    <se label="银行回单" col="1">
      <a (click)="downBack()">{{formData?.refundStatus==='3'?'下载回单':'暂无回单'}}</a>
    </se>
  </div>

  <nz-alert nzType="info" nzMessage="提现进度" class="mb-md mt-md"></nz-alert>
  <div nz-row class="mt-xl">
    <div nz-col nzSpan="12" nzOffset="1">
      <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
    </div>
  </div>
</nz-card>
